<template>
    <div class="Info">
        <c-items :title="infoTitle[0]" :txt="serviceText" :img="imgs['service']" aniclass="a0" />
        <c-items :title="infoTitle[1]" :txt="moduleText" :img="imgs['module']" :toleft="true" aniclass="a1" />
        <c-items :title="infoTitle[2]" :txt="empiricText" :img="imgs['empiric']" aniclass="a2" />
    </div>
</template>

<script>
import Lang from "./lang.js";
import Citem from "./item";
import im_service from "./images/service.png";
import img_module from "./images/module.png";
import img_empiric from "./images/empiric.png";
export default {
	name: "Caddress",
	data() {
		return {
			langSelects: [{ value: 0, txt: "简体中文" }, { value: 1, txt: "English" }],
			imgs: {
				service: im_service,
				module: img_module,
				empiric: img_empiric,
			}
		};
	},
	computed: {
		lang() {
			return this.$store.state.setting.lang;
		},
		infoTitle() {
			let lang = this.lang;
			return Lang.infoTitle[lang];
		},
		serviceText() {
			let lang = this.lang;
			return Lang.serviceText[lang];
		},
		moduleText() {
			let lang = this.lang;
			return Lang.moduleText[lang];
		},
		empiricText() {
			let lang = this.lang;
			return Lang.empiricText[lang];
		}
	},
	components: {
		'c-items': Citem,
	},

};
</script>

<style scoped>
.Info {
	overflow: hidden;
}
</style>
